<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Venam - eCommerce HTML5 Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" type="image/x-icon" href="/static/default/img/favicon.png">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="/static/default/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/default/css/animate.min.css">
    <link rel="stylesheet" href="/static/default/css/magnific-popup.css">
    <link rel="stylesheet" href="/static/default/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="/static/default/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/static/default/css/jquery-ui.min.css">
    <link rel="stylesheet" href="/static/default/css/flaticon.css">
    <link rel="stylesheet" href="/static/default/css/odometer.css">
    <link rel="stylesheet" href="/static/default/css/aos.css">
    <link rel="stylesheet" href="/static/default/css/slick.css">
    <link rel="stylesheet" href="/static/default/css/default.css">
    <link rel="stylesheet" href="/static/default/css/style.css">
    <link rel="stylesheet" href="/static/default/css/responsive.css">
</head>
<body>
{% include "default/layout/header.html" %}
<!-- main-area -->
<main>

    <!-- breadcrumb-area -->
    <section class="breadcrumb-area breadcrumb-bg" data-background="img/bg/breadcrumb_bg.jpg">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-content text-center">
                        <h2>My-Account</h2>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="index.html">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">My Account</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb-area-end -->

    <!-- my-account-area -->
    <section class="my-account-area pattern-bg pt-100 pb-100" data-background="img/bg/pattern_bg.jpg">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-8 col-lg-10">
                    <div class="login-page-title">
                        <h2 class="title"><span>Login</span> / Register</h2>
                    </div>
                    <div class="my-account-bg" data-background="img/bg/my_account_bg.png">
                        <div class="my-account-content">
                            <p>Welcome Vanam Please Login Your <span>Account</span></p>
                            <div class="direct-login">
                                <a href="#"><i class="fab fa-facebook-f"></i>Login with facebook</a>
                                <a href="#" class="xing"><i class="fab fa-xing"></i>Login with xing</a>
                            </div>
                            <span class="or">- OR -</span>
                            <form action="#" class="login-form">
                                <div class="form-grp">
                                    <label for="uea">USERNAME OR EMAIL ADDRESS <span>*</span></label>
                                    <input type="text" id="uea">
                                </div>
                                <div class="form-grp">
                                    <label for="password">PASSWORD <span>*</span></label>
                                    <input type="password" id="password">
                                    <i class="far fa-eye"></i>
                                </div>
                                <div class="form-grp-bottom">
                                    <div class="remember">
                                        <input type="checkbox" id="check">
                                        <label for="check">Remember me</label>
                                    </div>
                                    <div class="forget-pass">
                                        <a href="#">forgot password</a>
                                    </div>
                                </div>
                                <div class="form-grp-btn">
                                    <a href="#" class="btn">Login</a>
                                    <a href="#" class="btn">Sign up</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- my-account-area-end -->

    <!-- limited-offer-area -->
    <section class="limited-offer-area" data-background="img/bg/limited_offer_bg.jpg">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-xl-5 col-lg-6 col-md-7">
                    <div class="limited-offer-left">
                        <div class="limited-offer-title">
                            <span class="sub-title">exclusive offer</span>
                            <h2 class="title">Smart Watch Bracelet</h2>
                        </div>
                        <div class="limited-offer-disc">
                            <img src="img/images/limited_offer_discount.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-5">
                    <div class="limited-offer-action">
                        <a href="#" class="btn">limited time offer</a>
                        <div class="amount-info">
                            <span class="upto">UPTO</span>
                            <span class="amount">$ 50.00</span>
                            <span class="off">OFF</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <h2 class="limited-overlay-title">Vanam Top Sale 35<span>%</span></h2>
        <div class="limited-overlay-img"><img src="img/images/limited_offer_img.png" alt=""></div>
    </section>
    <!-- limited-offer-area-end -->

</main>
<!-- main-area-end -->

<!-- footer-area -->
<footer class="footer-area">
    <div class="footer-top pt-65 pb-25">
        <div class="container">
            <div class="footer-newsletter-wrap footer-newsletter-two">
                <div class="row align-items-center">
                    <div class="col-xl-7 col-lg-6">
                        <div class="newsletter-title">
                            <h4>Subscribe Now !</h4>
                            <span>Venam By Signing Up To Our Newsletter.</span>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6">
                        <div class="newsletter-form">
                            <form action="#">
                                <input type="email" placeholder="Enter Your Email....">
                                <button class="btn yellow-btn">Subscribe</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-alphabet mb-55">
                <div class="row">
                    <div class="col-12">
                        <div class="newsletter-title text-left mb-0">
                            <h4>Find Out More :</h4>
                            <span>Browse Alphabetically :</span>
                            <span><a href="#">A</a></span>
                            <span><a href="#">B</a></span>
                            <span><a href="#">C</a></span>
                            <span><a href="#">D</a></span>
                            <span><a href="#">E</a></span>
                            <span><a href="#">F</a></span>
                            <span><a href="#">G</a></span>
                            <span><a href="#">H</a></span>
                            <span><a href="#">I</a></span>
                            <span><a href="#">J</a></span>
                            <span><a href="#">K</a></span>
                            <span><a href="#">L</a></span>
                            <span><a href="#">M</a></span>
                            <span><a href="#">N</a></span>
                            <span><a href="#">O</a></span>
                            <span><a href="#">P</a></span>
                            <span><a href="#">Q</a></span>
                            <span><a href="#">R</a></span>
                            <span><a href="#">S</a></span>
                            <span><a href="#">T</a></span>
                            <span><a href="#">U</a></span>
                            <span><a href="#">V</a></span>
                            <span><a href="#">W</a></span>
                            <span><a href="#">X</a></span>
                            <span><a href="#">Y</a></span>
                            <span><a href="#">Z</a></span>
                            <span><a href="#">0~9</a></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-between">
                <div class="col-lg-4 col-md-6">
                    <div class="footer-widget mb-50">
                        <div class="footer-logo mb-30">
                            <a href="index.html"><img src="img/logo/logo_black.png" alt=""></a>
                        </div>
                        <div class="footer-text mb-35">
                            <p>Namkand sodales vel online best prices Amazon Check out ethnic wear, formal wear western wear
                                Blood Pressure Rate Monito.</p>
                        </div>
                        <div class="footer-social">
                            <ul>
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-3 col-sm-6">
                    <div class="footer-widget mb-50">
                        <div class="fw-title mb-35">
                            <h5>Customer Service</h5>
                        </div>
                        <div class="fw-link">
                            <ul>
                                <li><a href="#">Help Center</a></li>
                                <li><a href="#">Returns</a></li>
                                <li><a href="#">Product Recalls</a></li>
                                <li><a href="#">Accessibility</a></li>
                                <li><a href="#">Contact Us</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-3 col-sm-6">
                    <div class="footer-widget mb-50">
                        <div class="fw-title mb-35">
                            <h5>Quick Links</h5>
                        </div>
                        <div class="fw-link">
                            <ul>
                                <li><a href="#">Return Policy</a></li>
                                <li><a href="#">Terms Of Use</a></li>
                                <li><a href="#">Security</a></li>
                                <li><a href="#">Privacy</a></li>
                                <li><a href="#">Store Pickup</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6">
                    <div class="footer-widget mb-50">
                        <div class="fw-title mb-35">
                            <h5>Customer Service</h5>
                        </div>
                        <div class="footer-contact">
                            <ul>
                                <li><i class="fas fa-map-marker-alt"></i> W898 RTower Stat, Suite 56
                                    Brockland, CA 9622 United States</li>
                                <li><i class="fas fa-headphones"></i> 458-965-3224</li>
                                <li><i class="fas fa-envelope-open"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bcefc9ccccd3cec8fcd5d2dad392ffd3d1">[email&#160;protected]</a></li>
                                <li><i class="fas fa-fax"></i>458-965-3224</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright-wrap copyright-style-two">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-6">
                    <div class="copyright-text">
                        <p>Copyright © 2020 <a href="#">Venam</a> All Rights Reserved.</p>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 d-none d-md-block">
                    <div class="payment-method-img text-right">
                        <img src="img/images/card_img.png" alt="img">
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer-area-end -->
<!-- JS here -->
<script src="/static/default/js/vendor/jquery-3.5.0.min.js"></script>
<script src="/static/default/js/popper.min.js"></script>
<script src="/static/default/js/bootstrap.min.js"></script>
<script src="/static/default/js/isotope.pkgd.min.js"></script>
<script src="/static/default/js/imagesloaded.pkgd.min.js"></script>
<script src="/static/default/js/jquery.magnific-popup.min.js"></script>
<script src="/static/default/js/owl.carousel.min.js"></script>
<script src="/static/default/js/jquery.odometer.min.js"></script>
<script src="/static/default/js/jquery.countdown.min.js"></script>
<script src="/static/default/js/jquery.appear.js"></script>
<script src="/static/default/js/slick.min.js"></script>
<script src="/static/default/js/ajax-form.js"></script>
<script src="/static/default/js/wow.min.js"></script>
<script src="/static/default/js/aos.js"></script>
<script src="/static/default/js/plugins.js"></script>
<script src="/static/default/js/main.js"></script>
</body>
</html>
